<template>
    <div class="recommendP" >

        <div :style="{ margin:'2rem',fontSize:'1rem' }" >请输入推荐人ID号码</div>

            <div>
            <u-message-input  mode='bottomLine':maxlength='7' :focus="true"></u-message-input>

            </div>


        <div class="nextP" >
           <div class="loginBtnP">
      <div class="loginBtn" @click="goRecommend"  >下一步</div>
    </div>
        </div>
    
    </div>
</template>

<script lang='ts' >

 import { Component, Prop,Vue, Watch ,Emit} from 'vue-property-decorator'


 @Component({    
        name: 'test',
    })
    export default class extends Vue {
  
        
  created() {
    wx.setNavigationBarTitle({
      title: "推荐码",
    });

    console.log("313123123");
  }

          mounted() {
          }

          @Emit('bindSend')   //@Emit()不传参数,那么它触发的事件名就是它所修饰的函数名.
           send(msgC: string){
               //return 123      //如果没有返回值 那么传递的参数就是参数
           }; 
          
    }
</script>

<style  scoped>

    .nextP{
    
        margin-top: 3rem;
    }
.loginBtnP {
    width: 100%;
    display: flex;
    justify-content: center;
    
  }
  .loginBtn {
      width: 14rem;
      padding: 0.5rem;
      background-color: #02af74;
      border-radius: 0.5rem;
      color: white;
      text-align: center;
      font-size: 1.1rem;
    }
</style>